aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga/[title]/[id]
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-04-02 22:41:19 +0530
committerreal-zephex <[email protected]>2024-04-02 22:41:19 +0530
commit794cb6236fa256f8074c56f372eba05526e7c066 (patch)
tree4d53c0977894bc2939e430e930fd9f6dda6ec0e5 /src/app/manga/[title]/[id]
parentfixes: minor css modifications, added basic information about the last read m... (diff)
downloaddramalama-794cb6236fa256f8074c56f372eba05526e7c066.tar.xz
dramalama-794cb6236fa256f8074c56f372eba05526e7c066.zip
UI Upgrades for anime section.
Diffstat (limited to 'src/app/manga/[title]/[id]')
-rw-r--r--src/app/manga/[title]/[id]/[read]/download.jsx6
-rw-r--r--src/app/manga/[title]/[id]/info.module.css9
-rw-r--r--src/app/manga/[title]/[id]/page.jsx1
3 files changed, 11 insertions, 5 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/download.jsx b/src/app/manga/[title]/[id]/[read]/download.jsx
index e0badc9..5ad71a5 100644
--- a/src/app/manga/[title]/[id]/[read]/download.jsx
+++ b/src/app/manga/[title]/[id]/[read]/download.jsx
@@ -1,17 +1,17 @@
import styles from "./read.module.css";
-import Link from "next/link";
+// import Link from "next/link";
export default function DownloadManga({ chapterId: id }) {
return (
<div className={styles.DownloadMain}>
- <Link
+ <a
href={`https://manga-downloader-7nca.onrender.com/download?id=${id}`}
style={{ textDecoration: "none" }}
>
<button title="This functionality currently exhibits stability with lower-quality PDFs; however, users may encounter challenges when attempting to download higher-quality PDFs.">
Download - Beta
</button>
- </Link>
+ </a>
</div>
);
}
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index a36658a..96635e3 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -9,7 +9,8 @@
justify-content: space-between;
align-items: center;
padding: 5px;
- backdrop-filter: blur(5px);
+ background-color: #35353565;
+ backdrop-filter: blur(7px);
}
@@ -71,11 +72,17 @@
.CharacterEntry {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: auto;
margin: 5px;
}
.CharacterEntry p {
+ margin: 10px auto;
text-align: center;
+ width: 110px;
color: white;
}
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 15eb148..5b54e23 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -30,7 +30,6 @@ export default async function MangaInfo({ params }) {
<p
style={{
color: data.color,
- // backgroundColor: "#3a3a3ac2",
borderRadius: 10,
padding: 5,
}}